<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>汽车4s维修网</title>
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
	</head>
	<body>
		<div id="background">
			<div id="mainbody">
				<div id="top">
					<div class="logo">
						<img src="img/login.jpg" width="100%" height="100%" />
						<div class="icon_login">
							<img src="img/闪狼.png" width="120px" height="50px"/>
						</div>
						<div class="icon_login_text">
							<span style="font-family: '楷体'; font-size: 30px; color: white; font-weight: bold;position: absolute;right: 20px;">
								4S店
							</span>
						</div>
						<div class="icon_login_text2">
							<span style="position: absolute; left: 10px;">
								www.shanlang.com
							</span>
						</div>
					</div>
					<div class="icon">
						<div class="icon_back">
							<img src="img/图标.jpg" width="100%" height="100%"/>
							<div class="text">
								<ul>
									<li style="position: absolute;top: 7px;left: 50px;font-size:12px;font-weight: bold;color: #ffffff;">
									<span class="collect">加入收藏</span>
									</li>
									<li style="position: absolute;top: 7px;left: 155px;font-size:12px;font-weight: bold;color: #ffffff;">
										<span>
											<a href="html/联系方式.html" target="middle"><font color="#FFFFFF">联系我们</font></a>
										</span>
									</li>
								</ul>
							</div>
						</div>
					</div>
					<div class="navigationbar">
						<div class="navigationbar_back"> 
							<img src="img/图标2.png" width="100%" height="100%" />
							<img src="img/图标3.png" class="img2"/>
							<img src="img/图标3.png" class="img3"/>
							<img src="img/图标3.png" class="img4"/>
							<img src="img/图标3.png" class="img5"/>
							<img src="img/图标3.png" class="img6"/>
						</div>
						<div class="text">
							<ul>
								<li>
									<a href="html/homepage.html" target="middle">网站首页</a>
								</li>
								<li style="position: absolute;left: 25%;">
									<a href="html/关于我们.html" target="middle">关于我们</a>
								</li>
								<li style="position: absolute;right: 46.5%;">
									<a href="html/服务车型.html" target="middle">服务车型</a>
								</li>
								<li style="position: absolute;right: 24.5%;">
									<a href="html/汽修产品.html" target="middle">汽修产品</a>
								</li>
								<li style="position: absolute;right: 3.5%;">
									<a href="html/客户服务.html" target="middle">客户服务</a>
								</li>
							</ul>							
						</div>
					</div>
				</div>
				<div id="bottom">
					<iframe src="html/homepage.html" width="100%" height="100%" name="middle" style="border: 0px;" scrolling="no" ></iframe>
				</div>
			</div>
			<div id="nextpart">
				<ul>
					<li style="position: absolute;top:10px;left: 100px;">
						<a href="html/介绍.html" target="middle">4s店介绍</a>
					</li>
					<li style="position: absolute;top:10px;left: 200px;">
						<a href="html/联系方式.html" target="middle">联系方法</a>
					</li>
					<li style="position: absolute;top:10px;left: 300px;">
						<a href="html/留言.html" target="middle">给我留言</a>
					</li>
					<li style="position: absolute;top:10px;left: 400px;">
						<a href="html/发展.html" target="middle">发展历程</a>
					</li>
				</ul>
			</div>
		</div>
	</body>
	<script src="js/jquery-3.3.1.min.js"></script>
	<script src="js/index.js"></script>
</html>
